<template>
	<view class="_empty" :style="{paddingTop:paddingTop,marginTop:marginTop}">
		<view class="f-s-24 f-w-b">{{props.title}}</view>
		<view class="f-s-12 u-info u-m-t-48">{{props.text}}</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		title:String,
		text: String, 
		paddingTop: {
			type: String,
			default: '140px'
		},
		marginTop: {
			type: String,
			default: '0px'
		}
	});
</script>

<style lang="scss" scoped>
	._empty{
		text-align: center;
	}
	
</style>